.chc_btn {
	position: relative;
	background-color: black;
	max-width: fit-content;
	padding: 10px 15px;
	z-index: 1;
}
.choice {
	position: relative;
	top: 40px;
	left: 25%;
	display: flex;
	flex-direction: row;
    max-width: 25%;
}
.main_frame {
	position: relative;
	background-color: black;
	max-width: 100%;
	text-align: center;
	padding: 2px 16px;
	margin: 32px 25%;
	border: solid white 1px;
	z-index: 2;
}
body {
	background: rgb(56,48,107);
	background: linear-gradient(180deg, rgb(15, 0, 28) 0%, rgb(36, 24, 47) 100%);
}
p,h1,h2,h3, span {
	color:white;
	font-family: monospace;
}
p {
	font-size: 15px;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 25px;
}

a {
	color: white;
	font-size: 16px;
	font-family: monospace;
}

a:link, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: rgb(36, 24, 47);
}
img {
	border: solid white 1px;
}
.img_hoverable:hover {
	border-style: dashed;
	border-color: rgb(101,67,132);
	border-width: 1px;
}
.link {
	color: rgb(160, 102, 185);
}
cite {
	color: white;
	font-size: 10px;
	font-family: monospace;
}
button {
	background-color: black;
	font-size: 15px;
	color: white;
	border: solid white 2px;
}
button:hover {
	background-color: rgb(45, 14, 61);
	border: solid white 3px;
}
.decor {
    position: absolute;
    opacity: 0.1;
    border: none;
}
@media only screen and (max-width: 400px) {
    body{
        background: rgb(56,48,107);
    }
    .main_frame {
        position: relative;
	    background-color: black;
	    max-width: 100%;
	    text-align: center;
	    padding: 2px 8px;
	    margin: 16px auto;
	    border: solid white 1px;
	    z-index: 2;
    }
}